<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jspf" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    <title>添加商品</title>
</head>
<script type="text/javascript">
    //关闭对话窗口
    function getCloseModuleWin(){
        parent.$('#win').window('close');

    }
    
/*    $(function () {
        $("#ff").attr("enctype", "application/x-www-form-urlencoded");
        $('#tyu').click(function () {
            var d ={};
            var t =$('form').serializeArray();
            $.each(t,function () {
                d[this.name]=this.value;
            })
            var s =JSON.stringify(d);
            alert(s),
                $.post(
                    "{proPath}/seeshop/insert.action",
                    {CommoDity:s},
                    "json"
                )
        })
    })*/

    $(function () {
        $('#tt').tree({
            url:'${proPath}/seemenu/seemen.action' ,
        });
        $('#tt').tree({
            // 在用户点击的时候提示
            onClick: function(node){
                var type_name=node.text;
                var id=node.id;
                $("#wz").val(type_name);
                $("#wzz").val(type_name);
                $("#fl").val(id);
            }
        });
    });


    //检查图片的格式是否正确,同时实现预览
    function setImagePreview(obj, localImagId, imgObjPreview) {
        var array = new Array('gif', 'jpeg', 'png', 'jpg', 'bmp'); //可以上传的文件类型
        if (obj.value == '') {
            $.messager.alert("让选择要上传的图片!");
            return false;
        }
        else {
            var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用
            ////布尔型变量
            var isExists = false;
            //循环判断图片的格式是否正确
            for (var i in array) {
                if (fileContentType.toLowerCase() == array[i].toLowerCase()) {
                    //图片格式正确之后，根据浏览器的不同设置图片的大小
                    if (obj.files && obj.files[0]) {
                        //火狐下，直接设img属性
                        imgObjPreview.style.display = 'block';
                        imgObjPreview.style.width = '50px';
                        imgObjPreview.style.height = '50px';
                        //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                        imgObjPreview.src = window.URL.createObjectURL(obj.files[0]);
                    }
                    else {
                        //IE下，使用滤镜
                        obj.select();
                        var imgSrc = document.selection.createRange().text;
                        //必须设置初始大小
                        localImagId.style.width = "50px";
                        localImagId.style.height = "50px";
                        //图片异常的捕捉，防止用户修改后缀来伪造图片
                        try {
                            localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                            localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader=").src = imgSrc;
                        }
                        catch (e) {
                            $.messager.alert("您上传的图片格式不正确，请重新选择!");
                            return false;
                        }
                        imgObjPreview.style.display = 'none';
                        document.selection.empty();''
                    }
                    isExists = true;
                    return true;
                }
            }
            if (isExists == false) {
                $.messager.alert("上传图片类型不正确!");
                return false;
            }
            return false;
        }
    }

    function xixi() {

        $("#ff").attr("enctype", "application/x-www-form-urlencoded");
            var d ={};
            var t =$('form').serializeArray();
            $.each(t,function () {
                d[this.name]=this.value;
            })
            var s =JSON.stringify(d);
        $('#ff').form('submit', {
            url: "${proPath}/seeshop/insert.action",
            success: function(json){
                if(json=="0"){
                    parent.$.messager.show({
                        title:'提示',
                        msg:'商品添加失败',
                        timeout:5000,
                        showType:'slide'
                    });
                }else{
                    parent.$.messager.show({
                        title:'提示',
                        msg:'商品添加成功',
                        timeout:5000,
                        showType:'slide'

                    });
                    parent.$('#win').window('close');
                    $('#dg').datagrid("reload");
                }
            }
        })


    }





    function Timi() {
           $("#ff").attr("enctype", "multipart/form-data");
            $('#ff').form('submit', {
                url: "${proPath}/upload/save.action",
               success: function(json){
                   json=  JSON.parse(json)
                        if(json.msg=="0"){
                            alert(json)
                            parent.$.messager.show({
                                title:'提示',
                                msg:'图片上传失败',
                                timeout:5000,
                                showType:'slide'
                            });
                        }else{
                            alert(json)
                             $("#shopPicture1").val(json.msg)
                            parent.$.messager.show({
                                title:'提示',
                                msg:'图片上传成功',
                                timeout:5000,
                                showType:'slide'
                            });
                        }
                    }
            });
    }

</script>
<body>
<form   id="ff" method="post">
<div id="ccc" class="easyui-layout" data-options="fit:true" style="width:1200px;height:400px;">


    <div data-options="region:'west',title:'菜单',split:true,collapsible:false" style="width:180px;">
        <div id="tt" ></div>
    </div>
    <div data-options="region:'center',title:''" style="padding:5px;background:#eee;">
        <div id="ttt" class="easyui-tabs" data-options="fit:true"  style="width:1000px;height:250px;">
            <div title="添加商品" style="width:1000px;height:350px;">

                <div id="tttt" class="easyui-tabs" data-options="fit:true"  style="width:1000px;height:350px;">
                    所选菜单 ：<INPUT TYPE="text" id="wz">
                    <div  style="padding:20px;" title="基本数据">

                        总公司：
                        <input class="easyui-validatebox" type="text" name="headOffice" data-options="required:true" />
                        店铺名称：
                        <input class="easyui-validatebox" type="text" name="showName" data-options="required:true" />
                        <BR>
                        商品名称:
                        <input class="easyui-validatebox" type="text" name="shopName" data-options="required:true" />
                        店铺标题：
                        <input class="easyui-validatebox" type="text" name="shopTitle" data-options="required:true" />
                        <br>
                        商品品牌:
                        <input class="easyui-validatebox" type="text" name="shopBrand" data-options="required:true" />
                        商品卖点：
                        <input class="easyui-validatebox" type="text" name="shopFaetrue" data-options="required:true" />
                        <br>
                        商品编号:
                        <input class="easyui-validatebox" type="text" name="shopNumber" data-options="required:true" />
                        商品条形：
                        <input class="easyui-validatebox" type="text" name="shopStripType"/>
                        <br>
                        创建时间：
                        <input class="easyui-validatebox" type="text" name="shopTime"/>
                        注意事项：
                        <input class="easyui-validatebox" type="text" name="shopNotice"/>
                        <br>
                        商品价格:
                        <input class="easyui-validatebox" type="text" name="shopPrice" data-options="required:true" />
                        商品类型：
                        <input class="easyui-validatebox" type="text" name="shopType" id="wzz"/>
                        <br>
                        上架状态：
                        <select id="c" class="easyui-combobox" name="shopCase" style="width:100px;">
                            <option value="aa">请选择</option>
                            <option>上架</option>
                            <option>下架</option>
                        </select>
                        <br>
                        商品单位:
                        <select id="cc" class="easyui-combobox" name="shopUnit" style="width:200px;">
                            <option value="aa">请选择</option>
                            <option>盘</option>s
                            <option>条</option>
                            <option>盒</option>
                            <option>包</option>
                            <option>瓶</option>
                        </select><br>
                        商品图片:
                        <div>
                       <input name="files" id="files" style="width:224px" runat="server" name="shopPicture" onchange="javascript:setImagePreview(this,localImag,preview);" type="file" />
                       <input name="shopPicture1" id="shopPicture1" type="hidden">
                        <br>
                        预　　览:
                        <div id="localImag">
                            <img id="preview" alt="预览图片" onclick="over(preview,divImage,imgbig);" src="img/5691.jpg" style="width: 50px; height: 50px;"/>
                            <input type="button" value="上传"  onclick="Timi()">
                        </div>
                        </div>


                    </div>
                    <div  style="padding:20px;" title="商品描述">

                        商品描述： <INPUT TYPE="text" STYLE="width:500px;height: 180px" name="shopDescribe">

                    </div>
                    <div  style="padding:20px;" title="规格参数">

                        库存状态：
                        <select id="cxx" class="easyui-combobox" name="state" style="width:100px;">
                            <option value="aa">请选择</option>
                            <option>在售</option>
                            <option>删除</option>
                        </select>

                        菜单分类：<INPUT id="fl" name="menuId" type="text"  style="width:100px;">
                    </div>
                </div>

            </div>

            </div>

        </div>

    </div>
    <div data-options="region:'south',split:true"  align="middle">
        <input type="button" value="提交" onclick="xixi()"> <input type="button" value="取消" onclick="getCloseModuleWin()" >
    </div>
</div>

</form>

</body>
</html>
